// 首页条形图配置
let barOption = {
  //标题
  title: {
    text: "全校在校学生比较柱状图"
  },

  //图例-每一条数据的名字叫销量
  legend: {
    show: false,
    icon: 'circle',
  },
  //x轴
  xAxis: {
    name: "时间/天",
    data: []
  },
  //y轴没有显式设置，根据值自动生成y轴
  yAxis: {
    name: "人数/个"
  },
  grid: {
    left: '130px'
  },
  visualMap: {
    bottom: 50,
    symbol: "circle",
    symbolSize: 25,
    itemSymbol: 'circle',
    itemWidth: 25,
    itemHeight: 25,
    pieces: [{
      gt: 0,
      lte: 10,
      symbol: 'circle',
      color: "#5dc4e0"
    }, {
      gt: 10,
      lte: 70,
      symbol: 'circle',
      color: '#8acbaf'
    }, {
      gt: 70,
      symbol: 'circle',
      color: "#f1df85"
    }],
    outOfRange: {
      symbol: 'circle',
      color: '#999'
    }
  },
  series: [{
    name: '销量',
    type: 'bar',
    symbol: 'circle',
    symbolSize: 25,
    lineStyle: {
      color: '#5470C6',
      width: 3,
      type: 'dashed'
    },
    itemStyle: {},
    //数据-data是最终要显示的数据
    data: []
  }]
};

// 首页折线图配置
let lineOption = {
  //标题
  title: {
    text: "全校在校学生比列按时间分布折线图"
  },
  //图例-每一条数据的名字叫销量
  legend: {
    show: false
  },
  //x轴
  xAxis: {
    name: "时间/天",
    data: []
  },
  //y轴没有显式设置，根据值自动生成y轴
  yAxis: {
    name: "人数/个"
  },
  grid: {
    top: '20%',
    left: '130px'
  },
  visualMap: {
    bottom: 50,
    symbol: 'circle',
    itemSymbol: 'circle',
    itemWidth: 25,
    itemHeight: 25,
    pieces: [{
      gt: 0,
      lte: 10,
      symbol: 'circle',

      color: "#5dc4e0",
    }, {
      gt: 10,
      lte: 70,
      symbol: 'circle',
      color: '#8acbaf'
    }, {
      gt: 70,
      symbol: 'circle',
      color: "#f1df85"
    }],
    outOfRange: {
      color: '#999',
      symbol: 'circle'

    }
  },
  series: [{
    name: '销量',
    type: 'line',
    symbol: 'circle',
    symbolSize: 15,
    lineStyle: {
      color: '#5470C6',
      width: 2,
      type: 'dashed'
    },
    itemStyle: {},
    //数据-data是最终要显示的数据
    data: []
  }]
}
export {
  barOption
}
export {
  lineOption
}